<template lang="jade">
#loss-report
  //- .header
    a.backup.icon-angle-left(href='javascript:history.go(-1)')
    h1.page-title 挂失读者证
  .seperate
  form
    .warn-tips 挂失提醒
      ol
        li 网上挂失的风险（不能网上解除挂失，必须到馆人工处理）
        li 网上挂失后，如您需要解除挂失，可以带齐您的身份证，读者证在工作时间内到图书馆进行解除挂失。
    .form-title.form-item 请输入您的密码
    .form-item.weui-flex
      input.weui-flex__item(type='password', placeholder='密码', v-model='password', required)
    button.btn-blue.weui-btn.weui-btn_primary(@click.prevent.stop='submit') 挂失

</template>

<script>
  import api from '../../api-new'
  export default {
    data () {
      return {
        password: ''
      }
    },
    created () {
      //
    },
    methods: {
      submit () {
        if (this.password.length <= 0) return
        const patronId = this.$cookie.get('uid')
        api.reportLost({
          patronId,
          password: this.password
        }).then(response => {
          if (response === true) {
            window.alert('挂失成功')
            this.$router.replace('/')
          }
        })
        .catch(err => {
          window.alert(err.message)
          console.error(err)
        })
      }
    }
  }
</script>

<style lang="scss">
#loss-report {

}
</style>
